<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="module">
        // // 需求：异步之后执行一些事
        // console.log(111) //首先执行输出
        // import syncFn from './syncFn.js'
        // // 然后使用定时器延时2s，并在定时器传入回调函数，在定时器触发后执行回调函数
        // syncFn(function() {
        //     console.log('芜湖起飞')
        // })

        // 多个回调函数,需求：让三个函数依次隔一秒执行
        function f1(cb) {
            setTimeout(()=>{
                console.log(111)
                cb()
            },1000)
        }
        function f2(cb) {
            setTimeout(()=>{
                console.log(222)
                cb()
            },1000)
        }
        function f3(cb) {
            setTimeout(()=>{
                console.log(333)
                cb()
            },1000)
        }

        f1(function() {
            console.log('f1执行完毕')
            f2(function(){
            console.log('f2执行完毕')
                f3(function(){
            console.log('f3执行完毕')
                })
            })
        })

        


    </script>
</body>
</html>